<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
        <script  src="https://cdn.bootcss.com/echarts/3.5.4/echarts.min.js"></script>
    </head>
    
    <body>
        <div id="main" style="width:600px;height:400px;"></div>
    </body>
    <script type="text/javascript">
            var myChart = echarts.init(document.getElementById('main'));
            
            option = {
                
                tooltip : {
                    formatter: "{a} <br/>{b} : {c}%"
                },
                series : [
                    {
                        name:'公司KPI',
                        type:'gauge',
                        detail : {formatter:'{value}%'}, //仪表盘显示数据
                        axisLine: { //仪表盘轴线样式
                            lineStyle: {
                                width: 20
                            }    
                        },
                        splitLine: { //分割线样式
                            length: 20
                        },
                        data:[{value: 92, name: '公司KPI'}],
                        
                        
                    }
                    
                ]
            };
            
            myChart.setOption(option);
    </script>
</html>